.bottom-line {
    border-bottom: 1px solid #f6f6f6;
}

.clearfix {
    clear: both;
}

.save_wrapper {
    position: relative;
    display: flex;
    padding: 20px;
}

.resume_preview {
    width: 880px;
    margin: 0 auto;
    background: #fff;
    padding: 0 35px;
}

.resume_template {
    width: 262px;
}

.resume_template.beFixed {
    position: fixed;
    left: 50%;
    top: 0;
    margin-left: 320px;
}

.data_wrapper {
    display: flex;
    position: relative;
}

.baseData {
    width: 642px;
    margin-right: 40px;
}

.photo {
    float: right;
    margin-top: -120px;
    border: 1px solid #f3f3f3;
    width: 122px;
    height: 122px;
}

.list {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #f6f6f6;
    padding: 10px 0;
    color: #919191;
    font-size: 13px;
    float: left;
    width: 260px;
}

.list div {
    width: 300px;
}


.list div span {
    display: inline-block;
}

.resume_name {
    color: #333;
    font-size: 24px;
    margin: 0 0 20px;
}

.preview_title {
    position: absolute;
    color: #2b2b2b;
    font-size: 18px;
    /* margin-top: 10px; */
    top: 44px;
    left: 60px;
}

.undergo_con {
    margin-bottom: 20px;
}

.title {
    color: #676767;
    font-size: 18px;
    padding: 28px 0 20px;
    font-weight: bold;
}

.intention_list {
    padding-bottom: 25px;
}

.intention_list p {
    line-height: 24px;
    color: #787878;
    font-size: 14px;
}

.undergo_title p {
    display: inline-block;
    color: #333;
    font-size: 14px;
}

.undergo_title > span {
    margin-right: 50px;
    color: #333;
    font-size: 14px;
}

.undergo_title p > span {
    margin-right: 8px;
    position: relative;
}

.border::after {
    content: "";
    width: 1px;
    height: 15px;
    position: absolute;
    right: -4px;
    top: 0;
    background: #E2E2E2;
}

.border:last-child::after {
    content: "";
    width: 0px;
    height: 0px;
}

.certificate_list {
    padding: 0 0 30px;
}

.certificate_list .li-item {
    width: 200px;
    display: inline-block;
    margin-bottom: 10px;
}

.certificate_list p span {
    padding-right: 8px;
    position: relative;
    color: #646464;
    font-size: 13px;
}

.language_list {
    display: block;
    padding: 0 0 30px;

}

.language_list .li-item {
    width: 200px;
    display: inline-block;
    margin-bottom: 10px;
}

.language_list p span .secant {
    color: #b6b6b6;
}

.border2 {
    margin-right: 10px;
}

.undergo_list {
    color: #9c9c9c;
    font-size: 13px;
}

.undergo_list p {
    padding: 0 0 5px;
}

.el-button {
    width: 226px;
    margin-bottom: 20px;
}